/* @update: 2016-10-28 11:9:9 */
.s-sprite { background-image: url(//static.360buyimg.com/finance/common/blueCube/theme/i/s-s449aa52400.png); background-repeat: no-repeat; }

.cu-select { margin-right: 10px; float: left; position: relative; text-align: left; }

.cu-select .title { height: 100%; display: block; padding: 0 10px; border: 1px solid #ccc; cursor: pointer; }

.cu-select .title:hover { border-color: #a5a5a5; }

.cu-select s { height: 0; width: 0; margin-top: -3px; position: absolute; top: 50%; right: 10px; z-index: 1; border-width: 5px; border-style: solid; border-color: #323232 transparent transparent; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all 0.3s; }

.cu-select s i { width: 0; height: 0; position: absolute; top: -7px; left: -5px; z-index: 1; border-width: 5px; border-color: #fff transparent transparent; border-style: solid; }

.fq-select-tj { margin-right: 20px; }

.fq-select-leftArrow s { height: 0; width: 0; margin-top: -4px; position: absolute; top: 50%; right: 10px; z-index: 1; border-width: 5px; border-style: solid; border-color: transparent  transparent transparent #323232; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.fq-select-leftArrow s i { width: 0; height: 0; position: absolute; top: -5px; left: -6px; z-index: 1; border-width: 5px; border-color: transparent transparent transparent #fff; border-style: solid; }

.fq-canClosed { position: relative; }

.cu-select ul { display: block; width: 100%; position: absolute; z-index: 1; left: 0; background: #fff; height: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all 0.3s; }

.cu-select ul li { background: #fff; width: 100%; }

.cu-select ul li a { display: block; padding: 0 10px; color: #5e5e5e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cu-select ul li a:hover { background: #f4f4f4; }

.cu-select-active { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); }

.cu-select-active .title { padding: 0; margin: 0 10px; border-color: #fff #fff #e6e6e6; }

.cu-select-active .title:hover { border-color: transparent transparent #e6e6e6; }

.cu-select-active ul { height: auto; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15); }

.cu-select-active s { margin-top: -8px; border-color: transparent transparent #323232; }

.cu-select-active s i { top: -3px; left: -5px; border-color: transparent transparent #fff; }

.cu-select-s { height: 24px; line-height: 22px; font-size: 12px; }

.cu-select-s .title { height: 22px; }

.cu-select-s ul { top: 24px; }

.cu-select-s ul li { height: 24px; line-height: 24px; }

.cu-select-s { width: 198px; }

.cu-select-l { height: 32px; line-height: 30px; font-size: 14px; }

.cu-select-l .title { height: 30px; }

.cu-select-l ul { top: 32px; }

.cu-select-l ul li { height: 32px; line-height: 32px; }

.cu-select-l { width: 198px; }

.cu-select-xl { height: 40px; line-height: 38px; font-size: 14px; }

.cu-select-xl .title { height: 38px; }

.cu-select-xl ul { top: 40px; }

.cu-select-xl ul li { height: 40px; line-height: 40px; }

.cu-select-xl { width: 148px; }

.cu-select-xxl { height: 46px; line-height: 44px; font-size: 14px; }

.cu-select-xxl .title { height: 44px; }

.cu-select-xxl ul { top: 46px; }

.cu-select-xxl ul li { height: 46px; line-height: 46px; }

.cu-select-xxl { width: 198px; }

.cu-select-w-s { width: 146px; }

.cu-select-w-l { width: 198px; }
